<template>
  <div>
    <h1>app组件</h1>
    {{count}}
    <hr>
    <!-- 在vue2中，给组件所有绑定的事件默认都属于自定义事件
    如果想要给组件绑定原生事件（绑定给子组件的最外层元素），需要使用.native修饰符 -->
  <Child @changeCount="changeCount"/>
  </div>
</template>

<script>
import Child from "@/components/Child"
export default {
name:"App",
components:{Child},
data(){
  return{
    count:0
  }
},
methods: {
  changeCount(value){
    console.log(value);
    this.count+=value
  }
},
}
</script>

<style>

</style>